<template>
<div class="main-top">
    <div class="tag">
         <div class="tag-part" v-for="(item,index) in tagList" :style="{...tagColor(index)}"  >{{item.title}}</div>
    </div>
  <div class="poster">
    <img v-lazy="publicUrl(`/images/mtm-poster.jpg`)" />
  </div>
</div>
</template>
<script setup lang="ts" name="">
import { ref } from "vue"
import { publicUrl,tagColor } from "@/utils/util";

interface TagList{
    title:string
}
const tagList = ref<Array<TagList>>([
    {title:`婚礼季产品包，定制西装，衬衫，现货皮鞋，领带/领结`},
    {title:`夏装、短袖、清凉`},
    {title:`婚礼季产品包，定制西装，衬衫，现货皮鞋，领带/领结，婚礼季产品包，定制西装，衬衫，现货皮鞋，领带/领结婚礼季产品包，定制西装，衬衫，现货皮鞋，领带/领结婚礼季产品包，定制西装，衬衫，现货皮鞋，领带/领结`},
   
]);
</script>
<style scoped lang="scss">
@media screen and (min-width: $pc-min-width) {
  @import "./pc.scss";
}
</style>